body {
  width: 600px;
  height: 600px;
}
body div {
  background-color: #bfa;
}
.box1 {
  background-color: #bfa;
}
.box1 .box2 {
  background-color: #ff6700;
}
.box1 .box2 .box3 {
  background-color: #f0f;
}
.box1 .box4 {
  background-color: skyblue;
}
.box1 {
  height: 200px;
  width: 200px;
}
div {
  background-color: red;
  color: #ff6700;
}
.box5 {
  color: chocolate;
}
div > .box1 {
  background-color: #fff;
}
div:hover {
  background-color: #ff6700;
}
